<script>
import FootPageR from "@/components/FootPageR.vue";
import MainPageR from "@/components/MainPageR.vue";

export default {
  name: "IndexPageR",
  components: {FootPageR, MainPageR},
  /*data(){


  },*/
  methods:{
    logout() {
      this.$store.dispatch('logout');
      this.$router.push('/'); // 可选：跳转到首页
    }
  },
  mounted() {
    /*// 检查用户是否登录
    if (!this.$store.state.user) {
      this.$router.push('/LoginPage');
    }*/
  }
}
</script>

<template>
  <el-container>
    <el-main class="el-main">
      <MainPageR></MainPageR>
    </el-main>
    <el-footer class="el-footer">
      <FootPageR></FootPageR>
    </el-footer>
  </el-container>
</template>

<style scoped>
.container {
  min-height: calc(100vh - 120px); /* 减去页眉和页脚高度 */
  padding: 20px;
}
.el-main {
  background-color: #FFF8E1;
  color: #333;
  text-align: center;
  padding: 5px;
}
.el-footer {
  padding: 0; /* 根据页脚高度调整 */
}
</style>